<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>页面管理</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
 		<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
  		<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
  		<link rel="stylesheet" href="../../../public/res/css/g.css" />
  		<link rel="stylesheet" href="resource/formSelects-v4.css" />
	</head>
	<body>
		<div class="layui-fluid">
			<div class="layui-card">
				<div class="layui-card-body" style="padding: 15px;">
					<p>在大平台现有页面的基础上多引用formSelects-v4.css和formSelects-v4.js，即可使用下拉多选组件，且不影响现有的组件功能</p>
					<p>该例子页面只列举了部分下拉多选例子，更多列子及组件赋值、获取组件值等详见：<a style="color: cornflowerblue;" href="https://hnzzmsf.github.io/example/example_v4.html?tdsourcetag=s_pctim_aiomsg">https://hnzzmsf.github.io/example/example_v4.html?tdsourcetag=s_pctim_aiomsg</a></p>
										<form class="layui-form">
						<div class="layui-form-item">
							<label class="layui-form-label">基础多选</label>
							<div class="layui-input-block">
								<select name="city" lay-verify="required" xm-select="select1">
									<option value=""></option>
									<option value="0">开启</option>
									<option value="1">关闭</option>
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">分组多选</label>
							<div class="layui-input-block">
								<select name="city" lay-verify="required" xm-select="select3">
									<optgroup label="分组1">
										<option value="1">北京</option>
										<option value="2">上海</option>
									</optgroup>
									<optgroup label="分组2">
										<option value="3">广州</option>
										<option value="4"> 深圳</option>
										<option value="5">天津</option>
									</optgroup>
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">自定义tips</label>
							<div class="layui-input-block">
								<select name="city" xm-select="select4">
									<option value="">啦啦, 我是自定义的</option>
									<option value="1">北京</option>
									<option value="2">上海</option>
									<option value="3">广州</option>
									<option value="4">深圳</option>
									<option value="5">天津</option>
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">多选上限</label>
							<div class="layui-input-block">
								<select name="city" xm-select="select5" xm-select-max="3">
									<option value="">啦啦, 我是自定义的</option>
									<option value="1">北京</option>
									<option value="2" selected="selected">上海</option>
									<option value="3">广州</option>
									<option value="4" selected="selected">深圳</option>
									<option value="5">天津</option>
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">本地搜索</label>
							<div class="layui-input-block">
								<select name="city" xm-select="select7_1" xm-select-search="">
									<option value="1" disabled="disabled">北京</option>
									<option value="2" selected="selected">上海</option>
									<option value="3">广州</option>
									<option value="4" selected="selected">深圳</option>
									<option value="5">天津</option>
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">分组中的搜索</label>
							<div class="layui-input-block">
								<select name="city" xm-select="select7_2" xm-select-search="">
									<optgroup label="分组1">
										<option value="1" disabled="disabled">北京</option>
										<option value="2" selected="selected">上海</option>
									</optgroup>
									<optgroup label="分组2">
										<option value="3">广州</option>
										<option value="4" selected="selected">深圳</option>
										<option value="5">天津</option>
									</optgroup>
								</select>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<script src="../../../layuiadmin/layui/layui.js"></script>
		<script type="text/javascript" src="resource/formSelects-v4.js" ></script>
		<script>
			layui.use(['form','table','upload'], function(){})
		</script>
	</body>
</html>
